body{
	min-height: 900px;
	background: url(../images/bg2.jpg) no-repeat;
	background-size: 100%
}
@media (min-width: 1359px) {
  body{
	min-height: 700px;
}
#li1{
		position:absolute;
		top: 45%;
		left: 14%;
			z-index:1;
	}
	
	
	#li2{
		position:absolute;
		top: 45%;
		right: 14%;
		z-index:1;
	}
	#li3{
		position:absolute;
		top: 60%;
		left: 20%;
		z-index:3;
	}
	#li4{
		position:absolute;
		top: 60%;
		right: 20%;
		z-index:3;
	}
	.lun2 img{
		width: 330px;height: 180px;
	}
}
@media (min-width: 1660px) {
  body{
	min-height: 850px;
}
#li1{
		position:absolute;
		top: 45%;
		left: 14%;
			z-index:1;
	}
	
	
	#li2{
		position:absolute;
		top: 45%;
		right: 14%;
		z-index:1;
	}
	#li3{
		position:absolute;
		top: 60%;
		left: 20%;
		z-index:3;
	}
	#li4{
		position:absolute;
		top: 60%;
		right: 20%;
		z-index:3;
	}
	.lun2 img{
		width: 420px;height: 230px;
	}
}
li{list-style: outside none none;}



	li{list-style:none;}

.user_callback #user_pic{overflow:hidden;height:650px;width:80%;z-index:2;margin:0 auto;}
.user_callback #user_pic ul{width:70%;height:505px;position:relative;top:20px;}
.user_callback #user_pic ul li{position:absolute;}
.user_callback #user_pic ul img{position:relative;top:0;left:0;}


.user_callback #user_pic ul .user_pic3{top: 45%;left: 0;z-index:1;}
.user_callback #user_pic ul .user_pic6{top:75%;left:6%;z-index:4;}
.user_callback #user_pic ul .user_pic4{top:45%;left:65%;z-index:1;}
.user_callback #user_pic ul .user_pic5{top:75%;left:59%;z-index:4;}

@media (max-width: 1480px) {
	
 .user_callback #user_pic ul .user_pic3{top: 43%;left: 0;z-index:1;}
.user_callback #user_pic ul .user_pic6{top:63%;left:6%;z-index:4;}
.user_callback #user_pic ul .user_pic4{top:43%;left:75%;z-index:1;}
.user_callback #user_pic ul .user_pic5{top:63%;left:54%;z-index:4;}
}
@media (max-width: 1359px) {
 .user_callback #user_pic ul .user_pic3{top: 43%;left: 0;z-index:1;}
.user_callback #user_pic ul .user_pic6{top:61%;left:6%;z-index:4;}
.user_callback #user_pic ul .user_pic4{top:43%;left:70%;z-index:1;}
.user_callback #user_pic ul .user_pic5{top:61%;left:50%;z-index:4;}
}
.user_callback #user_pic ul .user_pic3 img,
.user_callback #user_pic ul .user_pic6 img,
.user_callback #user_pic ul .user_pic4 img,
.user_callback #user_pic ul .user_pic5 img{border: 3px solid #8cc0eb;box-shadow: 1px 3px 2px 2px rgba(0,0,0,.3);}

.user_callback #user_pic ul .user_pic3 a{width:247.5px;height:285px;}
.user_callback #user_pic ul .user_pic4 a{width:247.5px;height:285px;}
.user_callback #user_pic ul .user_pic5 a{width:247.5px;height:285px;}
.user_callback #user_pic ul .user_pic6 a{width:247.5px;height:285px;}


.user_callback #user_pic ul li:hover{background:#d9bb83;}

.user_callback #user_pic ul li.user_pic3{opacity:1;filter:alpha(opacity:100);}
.user_callback #user_pic ul li.user_pic6{opacity:1;filter:alpha(opacity:100);}
.user_callback #user_pic ul li.user_pic5{opacity:1;filter:alpha(opacity:100);}
.user_callback #user_pic ul li.user_pic4{opacity:1;filter:alpha(opacity:100);}

.user_callback #user_pic ul li.user_pic3 img{width:310.5px;height:160px;}
.user_callback #user_pic ul li.user_pic4 img{width:310.5px;height:160px;}
.user_callback #user_pic ul li.user_pic5 img{width:310.5px;height:160px;}
.user_callback #user_pic ul li.user_pic6 img{width:310.5px;height:160px;}

.user_callback #user_pic span{display:inline-block;*display:inline;*zoom:1;width:80px;height:80px;position:absolute;top:160px;z-index:30;cursor:pointer;opacity:0.7;filter:alpha(opacity=70);}

.user_callback #user_pic span img{width:80px;height:80px;display:block;}
.user_callback #user_pic span.prev{background:url(img/5836af12Neb8a5654.png) no-repeat;position:absolute;top:100px;left:5px;display:inline-block; width:60px;height:60px;opacity: 0;}
.user_callback #user_pic span.next{background:url(img/5836af12N536e472b.jpg) no-repeat;position:absolute;top:100px;right:5px;display:inline-block;width:60px;height:60px; opacity: 0;}

.user_callback{overflow:hidden;}